<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta content="telephone=no" name="format-detection" />
	<meta name="Description" content=""/>
	<meta name="Keywords" content=""/>
	<link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
	<link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
	<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
	<title>盖网魔盒</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/styles.css">
	<script src="js/jquery-2.2.2.min.js"></script>
	<script src="js/jquery.flexslider-min.js"></script>
	<script src="js/common.js"></script>	
    <script src="json/newsJson_GuoJiNews.js"></script>
    <script src="json/newsJson_JianKangNews.js"></script>
    <script src="json/newsJson_LvYouNews.js"></script>
    <script src="json/newsJson_SheHuiNews.js"></script>
    <script src="json/newsJson_ShengHuoNews.js"></script>
    <script src="json/newsJson_ShiShangNews.js"></script>
    <script src="json/newsJson_XingZuoNews.js"></script>
    <script src="json/newsJson_XinLiNews.js"></script>
    <script src="json/newsJson_YuLeNews.js"></script>
	<script>
	$(function(){
		if(window.name=="gwmhLogined"){
			$("#authentication").attr("href","hasLogined.html");
		}

		$(".nav a").click(function(){
			var num=$(this).attr("tag");
			$(".nav a").removeClass("active");
			$(this).addClass("active");
			$(".news-list").hide();
			$("#news-list"+num).show();
		});
		
		<!--健康栏目列表生成-->
		var JianKang=$("#news-list1");
		$(JianKangNews).each(function(){//循环json数组对象
			var title=this.title;
			var href=this.href;
			var img=this.img;
			var li="<li><a href='"+href+"' title='"+title+"'><img src='"+img+"' alt='"+title+"'/><div class=des>"+title+"</div><div class=decoration></div></a></li>";
			$(JianKang).prepend(li);
		 });
        
		 <!--旅游栏目列表生成-->
		var LvYou=$("#news-list2");
		$(LvYouNews).each(function(){
			var title=this.title;
			var href=this.href;
			var img=this.img;
			var li="<li><a href='"+href+"' title='"+title+"'><img src='"+img+"' alt='"+title+"'/><div class=des>"+title+"</div><div class=decoration></div></a></li>";
			$(LvYou).prepend(li);
		 });
		 <!--生活栏目列表生成-->
		var ShengHuo=$("#news-list3");
		$(ShengHuoNews).each(function(){
			var title=this.title;
			var href=this.href;
			var img=this.img;
			var li="<li><a href='"+href+"' title='"+title+"'><img src='"+img+"' alt='"+title+"'/><div class=des>"+title+"</div><div class=decoration></div></a></li>";
			$(ShengHuo).prepend(li);
		 });
		 <!--时尚栏目列表生成-->
		var ShiShang=$("#news-list4");
		$(ShiShangNews).each(function(){
			var title=this.title;
			var href=this.href;
			var img=this.img;
			var li="<li><a href='"+href+"' title='"+title+"'><img src='"+img+"' alt='"+title+"'/><div class=des>"+title+"</div><div class=decoration></div></a></li>";
			$(ShiShang).prepend(li);
		 });
		 <!--心里栏目列表生成-->
		var XinLi=$("#news-list5");
		$(XinLiNews).each(function(){
			var title=this.title;
			var href=this.href;
			var img=this.img;
			var li="<li><a href='"+href+"' title='"+title+"'><img src='"+img+"' alt='"+title+"'/><div class=des>"+title+"</div><div class=decoration></div></a></li>";
			$(XinLi).prepend(li);
		 });
		 <!--星座栏目列表生成-->
		var XingZuo=$("#news-list6");
		$(XingZuoNews).each(function(){
			var title=this.title;
			var href=this.href;
			var img=this.img;
			var li="<li><a href='"+href+"' title='"+title+"'><img src='"+img+"' alt='"+title+"'/><div class=des>"+title+"</div><div class=decoration></div></a></li>";
			$(XingZuo).prepend(li);
		 });
		 
		<!--娱乐栏目列表生成-->
		var YuLe=$("#news-list7");
		$(YuLeNews).each(function(){
			var title=this.title;
			var href=this.href;
			var img=this.img;
			var li="<li><a href='"+href+"' title='"+title+"'><img src='"+img+"' alt='"+title+"'/><div class=des>"+title+"</div><div class=decoration></div></a></li>";
			$(YuLe).prepend(li);
		 });
        
        <!--国际栏目列表生成-->
		var GuoJi=$("#news-list8");
		$(GuoJiNews).each(function(){//循环json数组对象
			var title=this.title;
			var href=this.href;
			var img=this.img;
            if(img!=""){
                var li="<li><a href='"+href+"' title='"+title+"'><img src='"+img+"' alt='"+title+"'/><div class=des>"+title+"</div><div class=decoration></div></a></li>";
            }
			else{
                var li="<li><a href='"+href+"' title='"+title+"'><div class=des>"+title+"</div><div class=decoration></div></a></li>";
            }
			$(GuoJi).prepend(li);
		 });
        
        
        <!--社会栏目列表生成-->
		var SheHui=$("#news-list9");
		$(SheHuiNews).each(function(){//循环json数组对象
			var title=this.title;
			var href=this.href;
			var img=this.img;
			if(img!=""){
                var li="<li><a href='"+href+"' title='"+title+"'><img src='"+img+"' alt='"+title+"'/><div class=des>"+title+"</div><div class=decoration></div></a></li>";
            }
			else{
                var li="<li><a href='"+href+"' title='"+title+"'><div class=des>"+title+"</div><div class=decoration></div></a></li>";
            }
			$(SheHui).prepend(li);
		 });
	})
</script>
</head>
<body>
	<header class="header">
		<a href="javascript:history.go(-1)" class="reback"></a>
	</header>
	<nav class="nav">
		<a href="javascript:void(0);" class="active" tag="1">健康</a>
		<a href="javascript:void(0);" tag="2">旅游</a>
		<a href="javascript:void(0);" tag="3">生活</a>
		<a href="javascript:void(0);" tag="4">时尚</a>
		<a href="javascript:void(0);" tag="5">心理</a>
		<a href="javascript:void(0);" tag="6">星座</a>
		<a href="javascript:void(0);" tag="7">娱乐</a>
		<a href="javascript:void(0);" tag="8">国际</a>
		<a href="javascript:void(0);" tag="9">社会</a>
	</nav>
	<section class="container">
		<div class="banner plate-banner">
			<ul class="slides">
			    <li><a href="newsDetail.html?new=1&column=LvYouNews" title="banner1"><img src="images/temp/banner/newBanner01.jpg" alt="banner1" /></a></li>
			    <li><a href="newsDetail.html?new=0&column=XingZuoNews" title="banner2"><img src="images/temp/banner/newBanner02.jpg" alt="banner2" /></a></li>
			    <li><a href="#" title="banner3"><img src="images/temp/banner/newBanner03.jpg" alt="banner3" /></a></li>
			</ul>
			<div class="decoration"></div>
		</div>
		<div class="tab-inner gray-wrap">
			<!--健康资讯-->
			<ul class="news-list clearfix" id="news-list1"></ul>
			<!--旅游资讯-->
			<ul class="news-list clearfix" id="news-list2"></ul>
			<!--生活资讯-->
			<ul class="news-list clearfix" id="news-list3"></ul>
			<!--时尚资讯-->
			<ul class="news-list clearfix" id="news-list4"></ul>
			<!--心理资讯-->
			<ul class="news-list clearfix" id="news-list5"></ul>
			<!--星座资讯-->
			<ul class="news-list clearfix" id="news-list6"></ul>
			<!--娱乐资讯-->
			<ul class="news-list clearfix" id="news-list7"></ul>
			<!--科技资讯-->
			<ul class="news-list clearfix" id="news-list8"></ul>
			<!--社会资讯-->
			<ul class="news-list clearfix" id="news-list9"></ul>
		</div>		
	</section>
	<footer class="footer">
		<ul class="menu clearfix">
			<li>
				<a href="index.html">
					<i class="icon ico-01 active"></i>
					<span>主页</span>
				</a>
			</li>
			<li>
				<a href="login.html" id="authentication">
					<i class="icon ico-02"></i>
					<span>认证上网</span>
				</a>
			</li>
			<li>
				<a href="social.html">
					<i class="icon ico-03"></i>
					<span>局域社交</span>
				</a>
			</li>
		</ul>
	</footer>	
</body>
</html>
